<?php echo HTML::contenido('css/formacio/basic.css'); ?>
<?php echo HTML::contenido('css/formacio/dropzone.css'); ?>
<?php echo HTML::contenido('css/formacio/formacio.css'); ?>
<link href="//cdnjs.cloudflare.com/ajax/libs/x-editable/1.5.0/bootstrap3-editable/css/bootstrap-editable.css" rel="stylesheet"/>
<?php echo(HTML::script('plugins/form-xeditable/bootstrap3-editable/js/bootstrap-editable.min.js'));?>
<?php echo(HTML::script('plugins/dropzone/dropzone.min.js'));?>
<?php echo(HTML::script('plugins/dropzone/dropzone.js'));?>

<div id="page-heading">
      <ol class="breadcrumb">
        <li><a href="/">Portada</a></li>
        <li>Formació</li>
        <li class="active">Modificar cursos</li>
      </ol>
      
    </div>
	<div class="container">
		<div class="row">
                <div class="panel panel-green">
                <div class="panel-heading">
                    <h4>Editar Portada</h4>
                </div>
                <div class="panel-body">
                    <div class="tab-content">
                                <div id="canviar"> 
                                <img style="margin-left: 25%; width: 25%; height: 225px" class="imagen_curso" src="http://gestiofcf.net/formacio2/app/webroot/img/<?php echo $curso->imagen; ?>"/>
                                    <h2>CANVIAR</h2>
                                </div>
                               <!-- <form id="dropzone" style="display: none;" action="<?php echo(URL::to('uploadImagenFormacio/' . $curso->id)); ?> " class="dropzone"></form> -->
                            	<form id="subir_fotos" style="display: none;" class="dropzone"></form>
                        <!-- the only difference between the inline and popover styles are the modes set in th demo js -->

                        <div class="tab-pane active" id="inline">
                            <form action="" class="form-horizontal row-border">
                                <div class="form-group">
                                    
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-3 control-label">Categoria</label>
                                    <div class="col-sm-6">
                                        <a href="#" id="categoria" class="inputs" data-type="text" data-pk="1" data-title="Enter username"><?php echo $curso->titulo; ?></a>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-3 control-label">Nom Curs</label>
                                    <div class="col-sm-6">
                                        <a href="#" id="nom_curs" class="inputs" data-type="text" data-pk="1" data-title="Enter username"><?php echo $json_descripcion->titulo; ?></a>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-3 control-label">Descripció</label>
                                    <div class="col-sm-6">
                                        <a href="#" id="descripcion" class="inputs" data-type="textarea" data-pk="1" data-placeholder="Your comments here..." data-title="Enter comments"><?php echo $json_descripcion->descripcion; ?></a>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-3 control-label">Grup</label>
                                    <div class="col-sm-6">
                                        <?php 
                                        
                                        $array = array("futbol", "futbol_sala", "escola", "comite", "monitor", "online");
                                        
                                        foreach($array as $valor){
                                            if (in_array($valor, $categorias)) {
                                                echo '<label class="checkbox-inline">
                                                        <input checked type="checkbox" id="inlinecheckbox1" value="' . $valor . '">' . $valor .'
                                                      </label>';
                                            } else {
                                                echo '<label class="checkbox-inline">
                                                        <input type="checkbox" id="inlinecheckbox1" value="' . $valor . '">' . $valor .'
                                                      </label>';
                                            }
                                        }
                                        
                                        ?>
                                        
                                    </div>
                                </div>
                                
                            </form>
                        </div>
                        
                                        </div>
                    </div>
            </div>
    </div>
</div>
<script>
	                                      

$(function() {
	
	$("#subir_fotos").dropzone({ 
	    url: url_base+"uploadImagenFormacio/",
	    maxFilesize: 3,
	    init: function() {
	        this.on("success", function(file, response) {

	            var obj = jQuery.parseJSON(response)
	            nombre = obj[0].imagen;
                id = <?php echo $curso->id; ?>;
                $.ajax({
		                      url: url_base+"formacio/modificarImagen",
		                      data: {id:id, valor:nombre}, // Setting the data attribute of ajax with file_data
		                      type: 'post',
		                      beforeSend:function(){
		                          fcf.cargando();
		                         
		                      },
                              success: function(data) {
                                fcf.hidecargando();
                                
		                      }
	        	})
            
	        })
	    }
	});

});


                                        
          
          
    $('#categoria').editable({ 
                mode: 'inline',
                validate: function(value) {
                    nombre_usuario = value;
                       if($.trim(value) == ''){
                            return 'El camp no pot estar buit';      
                       } 
                },success:function(){
                        $("#categoria").html(nombre_usuario);
                        id = <?php echo $curso->id; ?>;
                        valor = $("#categoria").html();
                            $.ajax({
		                      url: url_base+"formacio/categoria",
		                      data: {id:id, valor:valor}, // Setting the data attribute of ajax with file_data
		                      type: 'post',
		                      beforeSend:function(){
		                          fcf.cargando();
		                      },
                              success: function(data) {
                                fcf.hidecargando();
		                      }
	                        })
                }
       });
       
       $('#nom_curs').editable({ 
                mode: 'inline',
                validate: function(value) {
                    nombre_usuario = value;
                       if($.trim(value) == ''){
                            return 'El camp no pot estar buit';      
                       } 
                },success:function(){
                        $("#nom_curs").html(nombre_usuario);
                        id = <?php echo $curso->id; ?>;
                        valor = $("#nom_curs").html();
                            $.ajax({
		                      url: url_base+"formacio/nom_curs",
		                      data: {id:id, valor:valor}, // Setting the data attribute of ajax with file_data
		                      type: 'post',
		                      beforeSend:function(){
		                          alert(valor);
		                      },
                              success: function(data) {
                                fcf.hidecargando();
                                alert(data);
		                      }
	                        })
                }
       });
       
       $('#descripcion').editable({ 
                mode: 'inline',
                validate: function(value) {
                    nombre_usuario = value;
                       if($.trim(value) == ''){
                            return 'El camp no pot estar buit';      
                       } 
                },success:function(){
                        $("#descripcion").html(nombre_usuario);
                        id = <?php echo $curso->id; ?>;
                        valor = $("#descripcion").html();
                            $.ajax({
		                      url: url_base+"formacio/descripcion",
		                      data: {id:id, valor:valor}, // Setting the data attribute of ajax with file_data
		                      type: 'post',
		                      beforeSend:function(){
		                          fcf.cargando();
                                  alert(valor);
		                      },
                              success: function(data) {
                                fcf.hidecargando();
                                alert(data);
		                      }
	                        })
                }
       });
       
        
       
       $("input:checkbox").change(function() {
            valor = '';
            $('input:checkbox:checked').each(function(){
                valor = valor + ' ' + $(this).val();
            })	
            id = <?php echo $curso->id; ?>;
            $.ajax({
		          url: url_base+"formacio/checkbox",
		          data: {id:id, valor:valor}, // Setting the data attribute of ajax with file_data
		          type: 'post',
		          beforeSend:function(){
                    fcf.cargando();
		          },
                    success: function(data) {
                    fcf.hidecargando();
			
		          }
	           })
            
        });
        
        $('#canviar>h2').mouseout(function(){
            $('#canviar>h2').hide();
        })
        $('#canviar>img').mouseover(function(){
            $('#canviar>h2').show();
        })  
        $('#canviar>h2').click(function(){
            $('#canviar').hide();
            $('#subir_fotos').show();
        })
	
	$('#filtres').hide();
        
        
</script>

